<template>
  <div>
    <div class="search">
      <input class="input" type="text" placeholder="输入城市名或拼音"/>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'CitySearch',
    data () {
      return {
        city: '哈哈'
      }
    }
  }
</script>

<style lang="stylus" type="text/stylus" rel="stylesheet/stylus" scoped>
  @import '~styles/varibles.styl'
  @import '~styles/mixins.styl'
  .search
    padding 0 0.1rem 0.1rem 0.1rem
    display flex
    height 0.3rem
    z-index: 1
    line-height 0.3rem
    background-color $bgColor

    .input
      border-radius 0.05rem
      text-align center
      font-size 0.14rem
      flex 1

</style>
